/*
  参数说明
  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果
  2:歌曲url获取接口
    请求地址:https://autumnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
    更新接口:https://api.imjad.cn/cloudmusic/?type=url
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
    更新接口:https://api.imjad.cn/cloudmusic/?type=detail
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
    更新接口:https://api.imjad.cn/cloudmusic/?type=comments
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
  网易云音乐接口:
  GET https://api.imjad.cn/cloudmusic/
*/
let app = new Vue({
  el:"#player",
  data:{
    query:"",
    musicList:[],
    musicUrl:"",
    musicCover:"",
    hotComments:[],
    isPlaying:false,
    //mv遮罩层开关
    isShow:false,
    mvUrl:""
  },
  methods: {
    //歌曲搜索
    searchMusic:function(){
      let that = this;
      axios.get("https://autumnfish.cn/search?keywords="+this.query)
      .then(function(response){
        that.musicList = response.data.result.songs;
      },function(err){})
    },
    //歌曲播放
    playMusic:function(musicId){
      let that = this;
      //获取歌曲地址url
      axios.get("https://api.imjad.cn/cloudmusic/?type=url&id="+musicId)
      .then(function(response){
        //console.log(response);
        that.musicUrl = response.data.data[0].url;
      },function(err){})
      //获取歌曲详情
      axios.get("https://api.imjad.cn/cloudmusic/?type=detail&id="+musicId)
      .then(function(response){
        //console.log(response);
        //console.log(response.data.songs[0].al.picUrl)
        that.musicCover = response.data.songs[0].al.picUrl;
      },function(err){})
      //歌曲评论获取
      axios.get("https://api.imjad.cn/cloudmusic/?type=comments&id="+musicId)
      .then(function(response){
        //console.log(response);
        that.hotComments = response.data.hotComments;
      },function(err){})
    },
    //播放、暂停动画
    play:function(){
      this.isPlaying = true;
    },
    pause:function(){
      this.isPlaying = false;
    },
    //播放mv
    playMv:function(mvid){
      let that = this;
      axios.get("https://autumnfish.cn/mv/url?id="+mvid)
      .then(function(response){
        //console.log(response);
        that.isShow = true;
        that.mvUrl = response.data.data.url;
      },function(err){})
    },
    //隐藏mv遮罩层
    hide:function(){
      this.isShow = false;
      this.mvUrl='';
    }
  },
})